<template>
	<div class="theme">
		<van-nav-bar :title="$t('ForMy.v1')" :left-text="$t('ForMy.v5')" left-arrow @click-left="onClickLeft" />
		<div class="overlay headTop">
			<div class="overlay-content scrolling" style="padding-top:10px;">
				<van-cell-group>
					<van-cell class="bg-overlayColor product-title-color" :title="$t('ForMy.v2')" @click="$router.push({path: '/MyProject'})" />
				</van-cell-group>
				<van-cell-group>
					<van-cell class="bg-overlayColor product-title-color" :title="$t('ForMy.v3')" @click="$router.push({path: '/MyDividend'})" />
				</van-cell-group>
				<van-cell-group>
					<van-cell class="bg-overlayColor product-title-color" :title="$t('ForMy.v4')" @click="$router.push({path: '/MySettlement'})" />
				</van-cell-group>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: "ForMy",
		data() {
			return {

			};
		},
		methods: {
			onClickLeft() {
				this.$router.push({
					path: '/CrowdFunding'
				})
			}
		}
	}
</script>

<style lang="less" scoped>
	.overlay {
		background: rgb(245, 245, 245);
		color: black;
	}
	
	.head {
		background: white;
		color: black;
	}
	
	.head .return:after {
		border-color: #000;
	}
	
	/deep/ .van-cell {
		background: white;
	}
</style>